﻿<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>webpackSPA</title>
</head>

<body style="overflow-y: scroll;">
    <div class="wrapper">
        <section class="banner"></section>

        <div class="sidebar">
            <ul class="nav">
                <li class="has-sub">
                    <a href="javascript:javascript:void(0);">HOME</a>
                    <ul class="sub-menu">
                        <li><a href="#home">home</a></li>
                        <li><a href="#hrm">HRM</a></li>
                    </ul>
                </li>
                <li class="has-sub">
                    <a href="javascript:javascript:void(0);">MENU</a>
                    <ul class="sub-menu">
                        <li><a href="#menu1">menu1</a></li>
                        <li><a href="#menu2">menu2</a></li>
                        <li><a href="#menu3">menu3</a></li>
                    </ul>
                </li>
                <li class="has-sub">
                    <a href="javascript:javascript:void(0);">OTHERMENU</a>
                    <ul class="sub-menu">
                        <li><a href="#menu5">menu5</a></li>
                        <li><a href="#menu6">menu6</a></li>
                    </ul>
                </li>
            </ul>
        </div>
        <!--main content Start-->
        <main class="outline" id="container">

        </main>
        <!--main content End-->
    </div>
</body>
</html>


